<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ThoughtWorks_105</title>
    <link rel="stylesheet" href="../common/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="../common/Font-Awesome-master/css/font-awesome.min.css">
</head>
<body>
<div class="container-fluid">
    <div class="col-md-12">
        <div style="text-align: -webkit-center;"><img class="img-responsive img-rounded" src="img/avatar.jpg"/></div>
        <p class="text-center col-md-12" style="font-size: 30px"><strong>HELLO,</strong></p>
        <p class="text-center col-md-12" style="font-size: 30px"><strong>MY NAME IS KAMIL<sup>24YO</sup> AND THIS IS MY
            RESUME/CV</strong></p>
    </div>
    <div class="bg_all center-block ">
        <div class="row col-md-6">
            <p class="Title"><strong>ABOUT ME</strong></p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, non, dolorem, cumque distinctio
                magni quam expedita velit laborum sunt amet facere tempora ut fuga aliquam ad asperiores voluptatem
                dolorum! Quasi.</p>
            <p class="Title"><strong>EDUCATION</strong></p>
            <div class="row">
                <div class="col-md-2">
                    <li>1990</li>
                    <li>2005</li>
                    <li>2009</li>
                    <li>2012</li>
                </div>
                <div class="col-md-offset-5">
                    <li><strong>I was born in Katowice</strong>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, exercitationem, totam,
                            dolores iste dolore est aut modi.</p>
                    </li>
                    <li><strong>Secondary school specializing in artistic</strong>
                        <p>Eos, explicabo, nam, tenetur et ab eius deserunt aspernatur ipsum ducimus quibusdam quis
                            voluptatibus.</p>
                    </li>
                    <li><strong>First level graduation in Graphic Design</strong>
                        <p>Aspernatur, mollitia, quos maxime eius suscipit sed beatae ducimus quaerat quibusdam
                            perferendis? Iusto, quibusdam asperiores unde repellat.</p>
                    </li>
                    <li><strong>Second level graduation in Graphic Design</strong>
                        <p>Ducimus, aliquam tempore autem itaque et accusantium!</p>
                    </li>
                </div>
            </div>
            <div class="row">
                <p class="Title"><strong>EXPERIENCES</strong></p>
                <div class="col-md-2">
                    <li>Google 2013 - 2014</li>
                    <li>Twitter 2012</li>
                </div>
                <div class="col-md-offset-5">
                    <p><strong>Front-end developer / php programmer</strong></p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, et, illum perferendis veritatis
                        velit sunt similique qui magni totam harum tempore eius laboriosam accusantium necessitatibus
                        voluptatum? Enim, itaque dignissimos quia.</p>
                    <p><strong>Web Developer</strong></p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nihil sit nemo voluptatem
                        praesentium. Quia, qui facere consectetur libero asperiores fugiat consequuntur deserunt culpa
                        repudiandae sed quidem voluptas explicabo soluta.
                    </p>
                </div>
            </div>

        </div>
        <div class="col-md-offset-6">
            <p class="Title"><strong>CONTACT</strong></p>
            <div>
                <span class="fa fa-phone fa-fw col-md-4"></span>
                <P class="col-md-offset-4">500 345 242</P>
                <span class="fa fa-phone fa-fw col-md-4"></span>
                <P class="col-md-offset-4">office@kamsolutions.pl</P>
                <span class="fa fa-phone fa-fw col-md-4"></span>
                <P class="col-md-offset-4">Twitter<br>
                    https://twitter.com/WordPress</P>
                <span class="fa fa-phone fa-fw col-md-4"></span>
                <P class="col-md-offset-4">Facebook<br>
                    https://www.facebook.com/facebook</P>
                <span class="fa fa-phone fa-fw col-md-4"></span>
                <P class="col-md-offset-4">Skype<br>
                    kamsolutions.pl</P>
            </div>
            <p class="Title"><strong>SKILLS</strong></p>
            <div>
                <li>HTML</li>
                <li>CSS</li>
                <li>jQuery</li>
                <li>PHP</li>
                <li>Laravel 2 (framework)</li>
                <br>
                <li>Beginner</li>
                <li>Proficient</li>
                <li>Expert</li>
                <li>Master</li>
            </div>
            <p class="Title"><strong>LANGUAGES</strong></p>
            <div>
                <li>Polish</li>
                <div class="img col-md-offset-4"></div>
                <li>English</li>
                <div class="img col-md-offset-4"></div>
            </div>
            <p class="Title"><strong>LANGUAGES</strong></p>
            <div class="col-md-12">
                <div class="heart"><ol>Photography</ol></div>
            </div>
            <div class="col-md-12">
                <div class="heart"><ol>Fitness</ol></div>
            </div>
            <div class="col-md-12">
                <div class="heart"><ol>Programming</ol></div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../common/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../common/js/bootstrap.min.js"></script>
</html>